<template>
  <div>
    全部选项禁用<br />
    <CloudCheckboxGroup :list="list" v-model="value1" :disabled="true"></CloudCheckboxGroup><br /><br />
    部分选项禁用<br />
    <CloudCheckboxGroup :list="list1" v-model="value2"></CloudCheckboxGroup>
  </div>
</template>

<script>
export default {
  title: '2.禁用',
  subTitle: 'checkbox 不可用',
  data() {
    return {
      list: [{
        title: 'A',
        value: 0
      }, {
        title: 'B',
        value: 1
      }, {
        title: 'C',
        value: 2
      }, {
        title: 'D',
        value: 3
      }],
      list1: [{
        title: 'A',
        value: 0
      }, {
        title: 'B',
        value: 1,
        disabled: true
      }, {
        title: 'C',
        value: 2
      }, {
        title: 'D',
        value: 3
      }],
      checked: false,
      value: [0],
      value1: [0],
      value2: [0]
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss">
</style>